国产精品单位女同事在线,婷婷六月久久综合丁香一二,成年大片免费播放视频人,日韩一区精品视频在线看

 
技術博客INFO
聯(lián)系我們CONTACT

公司地址：茂名市人民南路新村大院22號101

電話：13592986386

vue element ui 學習日志您當前的位置：首頁 > vue element ui 學習日志

vue element ui 學習日志

發(fā)布時間：2024/9/5 15:30:55

一、什么是mounted方法？

1、生命周期鉤子函數(shù)：Vue的生命周期鉤子函數(shù)是在不同階段執(zhí)行的一系列回調(diào)函數(shù)。mounted方法是其中之一，它在Vue實例被掛載到真實的DOM元素后被調(diào)用。


2、掛載到DOM元素：當Vue實例被創(chuàng)建后，通過el屬性指定的DOM元素會被Vue所管理。mounted方法表示Vue實例已經(jīng)成功地與DOM元素進行了綁定。

二、mounted方法的執(zhí)行時機

1、DOM元素渲染完成后：在Vue實例的生命周期中，mounted方法在beforeMount方法之后被調(diào)用。這意味著在mounted方法中可以安全地訪問和操作DOM元素，因為此時DOM已經(jīng)完全渲染。

2、僅觸發(fā)一次：mounted方法只會在Vue實例的初始化過程中觸發(fā)一次。一旦被調(diào)用，便表示Vue實例已經(jīng)被完全加載并掛載到DOM元素上。


‌在PyCharm中復制過來的Vue.js插件是可以使用的，包括進行調(diào)試。‌
 


<template>


<el-row :gutter="20">
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
</el-row>
 

</template>


:gutter="20" 間隔
:span="6" 一行分為24份  該代碼占6份